<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title>管理后台</title>
    <link rel="stylesheet/less" href="../../static/css/index.less"/>
    {#    <link rel="stylesheet/less" href="../../static/admin/css/user_huafen_record.less"/>#}
    <link rel="stylesheet" href="../../static/layui/css/layui.css"/>
    <link rel="stylesheet" href="../../static/css/jquery.pagination.css"/>
    <script src="../../static/js/jquery-1.12.3.js"></script>
    <script src="../../static/js/less.min.js"></script>
    <script src="../../../static/layui/layui.js"></script>
    <SCRIPT language=javascript src="../../static/layer/layer.js"></SCRIPT>

</head>
<style>
    .js_w {
        width: 40px;
        height: 25px;
        font-size: 12px;
        line-height: 25px;
    }

    .ll {
        width: 40px;
        height: 25px;
        font-size: 12px;
        line-height: 25px;
    }

    .newadd label {
        padding: 10px 0;
        display: block;
        text-align: left;
    }

    .newadd label .adtitle {
        display: inline-block;
        width: 6rem;
        text-align: right;
        padding-right: 2%;
    }

    .newadd label span {
        text-align: right;
        padding-right: 2%;
    }

    .newadd input {
        padding: 0 10px;
        width: 20%;
        height: 30px;
        line-height: 30px;
        border: 1px solid #dcdcdc;
        border-radius: 5px;
    }

    .newadd select {
        text-align: left;
        padding: 0 5px;
        width: 20%;
        height: 30px;
        line-height: 30px;
        border: 1px solid #dcdcdc;
        border-radius: 5px;
    }

    .subbtn {
        margin-left: 5%;
        padding: 2px 3px;
    }

    .selectTransverse {
        display: inline-block;
    }

    .selectTransverse select {
        width: 30%;
    }
</style>
<body class="layui-layout-body">

{% include "/admin/top.html" %}
{% include "/admin/left.html" %}


<div id="box" class="fl">
    <div class="content" style="height: 100%">
        <div class="content">
            <div class="righthead clearfix">
                <h3 class="title fl" style="color:  #3D89CB">商户编辑</h3>
            </div>
            <div class="newadd">

                <label>
                    <span class="adtitle">机器ID</span>
                    <input style="width: 250px" type="text" id="machine_Id" class="create" disabled="disabled"
                           value={{ result.machineId }}>
                </label>
                <label>
                    <span class="adtitle">机器编码</span>
                    <input style="width: 10rem;" type="number" id="ipt1"
                           oninput='this.value=this.value.replace(/^[0]+[0-9]*$/gi,"")'
                           placeholder="请输入非0开头的8位数字" value="{{ result.num1 }}"/> -
                    <input style="width: 10rem;" type="number" id="ipt2"
                           oninput='this.value=this.value.replace(/^[0]+[0-9]*$/gi,"")'
                           placeholder="请输入非0开头的8位数字" value="{{ result.num2 }}"/>
                </label>

                <button onclick="machine_edit({{ result.machineId }},{{ result.storeId }})" class="subbtn"
                        style="width: 60px;height: 30px;margin-left: 200px;background-color: #3D89CB;float: left">提交
                </button>
            </div>
        </div>
    </div>
</div>
<script src="../../../static/js/distpicker.data.js"></script>
<script src="../../../static/js/distpicker.js"></script>
</body>
</html>
<script>
    layui.use('element', function () {
        var element = layui.element;
    });

    $('#ipt1').blur(function () {
        var ipt1 = $('#ipt1').val().length;
        if (ipt1 < 8) {
            layer.msg("输入长度不足8位，请重试");
            return false;
        }
        if (ipt1 > 8) {
            $('#ipt1').val($('#ipt1').val().slice(0, 8));
        }
    });

    $('#ipt2').blur(function () {
        var ipt2 = $('#ipt2').val().length;
        if (ipt2 < 8) {
            layer.msg("输入长度不足8位，请重试");
            return false;
        }
        if (ipt2 > 8) {
            $('#ipt2').val($('#ipt2').val().slice(0, 8));
        }
    });
    function machine_edit(machine_id, storeId) {
        var ipt1 = $('#ipt1').val().length;
        if (ipt1 < 8) {
            layer.msg("输入长度不足8位，请重试");
            return false;
        }
        var ipt2 = $('#ipt2').val().length;
        if (ipt2 < 8) {
            layer.msg("输入长度不足8位，请重试");
            return false;
        }
        var machineNum = $("#ipt1").val() + $("#ipt2").val();

        if (machineNum == "") {
            layer.msg("类型不能为空");
            return false
        }
        $.ajax({
            url: "/admin/machine/edit.html",
            'type': 'post',
            data: {
                'machineId': machine_id,
                'machineNum': machineNum

            },
            dataType: 'json',
            success: function (msg) {
                if (msg.code == 200) {
                    layer.msg("操作成功！", {time: 2000}, function () {
                        window.location.href = "/admin/machine/list.html?storeId=" + storeId;
                    });
                } else if (msg.code == 400) {
                    layer.msg("类型已经存在");
                } else {
                    layer.msg("服务器内部错误！");
                }
            }
        })
    }


</script>